<template>
  <div v-show="showMask" class="masks" @click="function(){cb&&cb()}">
  </div>
</template>

<script>
export default {
  name: 'masks',
  props:["showMask","cb"],
  components: {
  },
  data: function () {
    console.log(this.showMask)
    return {
      title: '提示',
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.masks{
    position: fixed;
    background: black;
    opacity: .4;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
</style>
